jQuery(function () {



  $(".check-all").change(function () {
    $("input[type='checkbox']").prop("checked", $(this).prop("checked"));
  });

  //代码展示
  $(".source-code").each(function (index) {
    var $section = $(this);
    var code = $(this).html().replace("<!--", "").replace("-->", "");

    //代码展示
    var $codePreview = $("<pre class='bg-light'></pre>");
    $codePreview.text(code);
    $section.html($codePreview);

    //是否在前方追加html
    if ($section.hasClass("show")) {

 
      var $showbox = $("<div class='shadow-sm p-3 bg-white rounded'></div>");
      $showbox.html(code);
      

      $section.prepend($showbox)

    }

    // 运行代码
    if ($section.hasClass("runnable")) {
      var $button = $("<div><button class='btn btn-xs  btn-success'>运行示例代码</button></div>");

      $button.on("click", { code: code }, function (event) {
        try {
          eval(event.data.code);
        } catch (err) {
          console.log("示例代码非JS");
        }
      });
      //将元素插入什么元素之后
      $button.insertAfter($section);
    }
  });
});
